<template>
  <view class="applySuccess">
    <van-dialog :show-confirm-button="false" use-slot :show="showApplyDialog" @close="handleClose">
      <view class="success-img">
        <img src="@/static/images/applySuccess.png" alt="">
      </view>
      <view class="success-title">
        申请成功
      </view>
      <view class="success-contact">
        稍后会有工作人员电话联系您， 请保持电话畅通
      </view>
      <view class="success-btn">
        <van-button custom-class="btn" color="linear-gradient(#0366E0, #1E50DC)"
          type="info" @click="handleGetKnow">我知道了</van-button>
      </view>
    </van-dialog>
  </view>
</template>

<script>
  export default {
    props: {
      showApplyDialog: {
        type: Boolean,
        required: true
      }
    },
    data() {
      return {

      }
    },
    methods: {
      handleGetKnow() {
        this.$emit('handleGetKnow')
        this.handleClose()
      },
      handleClose() {
        this.$emit('handleClose')
      }
    }
  }
</script>

<style lang="less" scoped>
  ::v-deep .btn {
    width: 100%;
    height: 40px;
    border-radius: 10px;
  }
  .applySuccess {
    ::v-deep .van-dialog {
      // padding:  30rpx;
      border-radius: 16rpx;
    }

    .success-img {
      padding: 30rpx 0 34rpx;
      display: flex;
      justify-content: center;

      image {
        width: 182rpx;
        height: 168rpx;
      }
    }

    .success-title {
      margin-bottom: 28rpx;
      text-align: center;
      font-size: 34rpx;
    }

    .success-contact {
      margin-bottom: 31rpx;
      text-align: center;
      padding: 0 75rpx !important;
      color: #262626;
      font-size: 28rpx;
    }

    .success-btn {
      padding: 0 30rpx;
      margin-bottom: 30rpx;


    }
  }
</style>